<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>登录</title>
	<link rel="stylesheet" type="text/css" th:href="@{/css/login.css}"/>
	<link rel="stylesheet" type="text/css" th:href="@{/css/allcursor.css}" />

</head>
<body>
	<div class="waike">
		<div class="controler">
			<h1 style="font-size: 50px"><span style="color: #55aaff">L</span><span style="color: #55ffb5">o</span><span style="color: #aa55ff">g</span><span style="color: #ff55f7">i</span><span style="color: #ff5577">n</span></h1>
			<form action="login.html" th:action="@{/login}" method="post" class="form-def">
				<p class="p-def p-error" th:text="#{/login.error}" th:if="${not #strings.isEmpty(msg)}"></p>
				<div class="f-row">
					<p class="p-def"><svg style="padding:0 5px" xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-person-circle" viewBox="0 0 16 16">
						<path d="M11 6a3 3 0 1 1-6 0 3 3 0 0 1 6 0z"/>
						<path fill-rule="evenodd" d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm8-7a7 7 0 0 0-5.468 11.37C3.242 11.226 4.805 10 8 10s4.757 1.225 5.468 2.37A7 7 0 0 0 8 1z"/>
					</svg>
					</p>
					<input class="O-O" type="text" name="userName" id="username"/>
				</div>
				<div class="f-row">
					<p class="p-def"><svg style="padding:0 5px"  xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24"
										  fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
										  stroke-linejoin="round" class="feather feather-key">
						<path
								d="M21 2l-2 2m-7.61 7.61a5.5 5.5 0 1 1-7.778 7.778 5.5 5.5 0 0 1 7.777-7.777zm0 0L15.5 7.5m0 0l3 3L22 7l-3-3m-3.5 3.5L19 4">
						</path>
					</svg></p>
					<input class="O-O" type="password" name="userPassword" id="userpassword"/>
				</div>
				<button type="submit" class="but-def p-def">登录</button>
			</form>
		</div>
	</div>
	<div class="p-f">
		<div class="back-left p-f">
			<img th:src="@{/img/2y1.png}" id="pleft" width="245px" height="223px">
		</div>
		<div class="back-right p-f">
			<img th:src="@{/img/2y7.png}" id="pright" width="231px" height="240px">
		</div>
	</div>
</body>

</html>